import Vue from 'vue'
// import App from './App.vue'
// import App from './2_todo.vue'
// import App from './3_组件.vue'
// import App from './4_computed_watch'
// import App from 'd1/components/todo/todo'
import App from './5_周期.vue'

import glo from './components/global'
import myplugin from './plugins/mylist'
// console.log(glo)
Vue.component(glo.name, glo)
Vue.config.productionTip = false

// Vue.directive('color', function (el, { value }) {
//   console.log(arguments)
//   el.style.color = value || "#333"
// })
Vue.directive('color', {
  /* 一般用来做一些按钮级别的权限校验   v-pression='4' */
  bind(el, { value }) {
    el.style.color = value || "#333"
  },

  update(el, { value }) {
    el.style.color = value || "#333"
  },
  componentUpdated() { },
  unbind() { }
})
Vue.directive('pression', {
  inserted(el, { value }) {
    if (5 < value) {
      el.parentNode.removeChild(el)
    }

  },
})

Vue.mixin({
  // 全局混入  就是把这个对象中的属性混进每一个组件当中
  //  混入和组件自身  组件自身优先级高
  //  所以 混入的钩子函数先执行
  data() {
    return {
      qqq: "混入的qqq"
    }
  },
  created() {
    console.log("混入的created")
  },
})


Vue.use(myplugin)








let vm = new Vue({
  render: h => h(App)
}).$mount('#app')


console.log(666)